<template>
  <div style="text-align: center">
    <Slider v-model="sliderValue" @input="handleInput" @change="handleChange" />
    <div>{{ sliderValue }}</div>
  </div>
</template>

<script setup lang="ts">
const sliderValue = ref(20)

const handleInput = (val: string) => {
  console.log('input', val)
}

const handleChange = (val: string) => {
  console.log('change', val)
}
</script>

<style scoped lang="scss"></style>
